<?php session_start(); ?>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Album</title>
	<link rel="shortcut icon" href="images/doremon_smile_icon.png"/>
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<link rel="stylesheet" type="text/css" href="css/home.css"/>
	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="js/jquery.poptrox-1.0.js"></script>
    <script src="js/login.js"></script>
</head>
<body>
<!-- #header -->
<?php require_once '_header.php';?>
	<div id="page">
		<div id="info">
			<div id="avatar">
				<a href="index.php"><img src="images/pic01.jpg" width="100" height="120"/></a>
			</div>
			<div id="status">
				<p>oi khoa luan.</p>
			</div>
			<div id="detail">
				<h3>Mai Van Dung</h3>
				<h3>10/04/1991</h3>
				<h3>Viet Nam</h3>
			</div>

		</div>
		<div id="poptrox"> 
			<!-- start -->
			<div id="gallery">
				<div>
					<a href="images/pic01-big.jpg"><img src="images/pic01.jpg"/></a>
					<a href="images/pic02-big.jpg"><img src="images/pic02.jpg"/></a>
					<a href="images/pic03-big.jpg"><img src="images/pic03.jpg"/></a>
					<a href="images/pic02-big.jpg"><img src="images/pic02.jpg"/></a>
				</div>
				<div>
					<a href="images/pic03-big.jpg"><img src="images/pic03.jpg"/></a>
					<a href="images/pic01-big.jpg"><img src="images/pic01.jpg"/></a>
					<a href="images/pic02-big.jpg"><img src="images/pic02.jpg"/></a>
					<a href="images/pic02-big.jpg"><img src="images/pic02.jpg"/></a>
				</div>
			</div>
			<script type="text/javascript">
				$('#gallery').poptrox({
					popupCloserBackgroundColor: '#FF6633',
					popupPadding: 20,
					windowMargin: 100
				});
			</script> 
			<!-- end --> 
		</div>
	</div>
<!-- #footer -->
<?php require_once '_footer.php'; ?>
</body>
</html>